<?php
include "topo.php";?>


<!-- graficos start -->          
        		<div class="container med left" id="graphs">
                	<div class="conthead">
                		<h2>Graficos</h2>
                    </div>
<!-- Tabbed navigation start -->                    
                	<div class="contentbox">
                    	<ul class="tablinks tabfade">
                        	<li class="nomar"><a href="#graphs-1">Barra</a></li>
                            <li><a href="#graphs-2">Pizza</a></li>
                            <li><a href="#graphs-3">Linha</a></li>
                            <li><a href="#graphs-4">Area</a></li>
                        </ul>
<!-- Tabbed navigation end -->                       
<!-- Tabbed boxes start -->
                    	<div class="tabcontent" id="graphs-1">
                            <table style="display: none; height: 250px" class="bar" width="52%">
                                <caption> Atividades</caption>
                                <thead>
                                    <tr>
                                        <td></td>
                                        <th scope="col">Jan</th>
                                        <th scope="col">Fev</th>
                                        <th scope="col">Mar</th>
                                        <th scope="col">Abr</th>
                                        <th scope="col">Mai</th>
                                        <th scope="col">Jun</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th scope="row">2011</th>
                                        <td>190</td>
                                        <td>160</td>
                                        <td>40</td>
                                        <td>120</td>
                                        <td>30</td>
                                        <td>70</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">2010</th>
                                        <td>3</td>
                                        <td>40</td>
                                        <td>30</td>
                                        <td>45</td>
                                        <td>35</td>
                                        <td>49</td>
                                    </tr>	
                                </tbody>
                            </table>
                    </div>
                    <div class="tabcontent" id="graphs-2">
                        <table style="display: none; height: 250px" class="pie" width="52%">
                            <caption> Atividades</caption>
                                <thead>
                                    <tr>
                                        <td></td>
                                        <th scope="col">Jan</th>
                                        <th scope="col">Fev</th>
                                        <th scope="col">Mar</th>
                                        <th scope="col">Abr</th>
                                        <th scope="col">Mai</th>
                                        <th scope="col">Jun</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th scope="row">2011</th>
                                        <td>190</td>
                                        <td>160</td>
                                        <td>40</td>
                                        <td>120</td>
                                        <td>30</td>
                                        <td>70</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">2010</th>
                                        <td>3</td>
                                        <td>40</td>
                                        <td>30</td>
                                        <td>45</td>
                                        <td>35</td>
                                        <td>49</td>
                                    </tr>	
                                </tbody>
                            </table>
                    </div>
                    <div class="tabcontent" id="graphs-3">
                            <table style="display: none; height: 250px" class="line" width="52%">
                                <caption> Atividades</caption>
                                <thead>
                                    <tr>
                                        <td></td>
                                        <th scope="col">Jan</th>
                                        <th scope="col">Fev</th>
                                        <th scope="col">Mar</th>
                                        <th scope="col">Abr</th>
                                        <th scope="col">Mai</th>
                                        <th scope="col">Jun</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th scope="row">2011</th>
                                        <td>190</td>
                                        <td>160</td>
                                        <td>40</td>
                                        <td>120</td>
                                        <td>30</td>
                                        <td>70</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">2010</th>
                                        <td>3</td>
                                        <td>40</td>
                                        <td>30</td>
                                        <td>45</td>
                                        <td>35</td>
                                        <td>49</td>
                                    </tr>	
                                </tbody>
                            </table>
                    	</div>
                   		<div class="tabcontent" id="graphs-4">
                            <table style="display: none; height: 250px" class="area" width="52%">
                               <caption> Atividades</caption>
                                <thead>
                                    <tr>
                                        <td></td>
                                        <th scope="col">Jan</th>
                                        <th scope="col">Fev</th>
                                        <th scope="col">Mar</th>
                                        <th scope="col">Abr</th>
                                        <th scope="col">Mai</th>
                                        <th scope="col">Jun</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th scope="row">2011</th>
                                        <td>190</td>
                                        <td>160</td>
                                        <td>40</td>
                                        <td>120</td>
                                        <td>30</td>
                                        <td>70</td>
                                    </tr>
                                    <tr>
                                        <th scope="row">2010</th>
                                        <td>3</td>
                                        <td>40</td>
                                        <td>30</td>
                                        <td>45</td>
                                        <td>35</td>
                                        <td>49</td>
                                    </tr>	
                                </tbody>
                            </table>
                   		</div>
<!-- Tabbed boxes end -->  
                      
                    </div>
                </div>
                
<!-- status start -->               
                <div class="container sml right">
                	<div class="conthead">
                		<h2>Atividades</h2>
                    </div>
                	<div class="contentbox">
                    	<ul class="summarystats">
                        	<li>
                            	<p class="statcount">30</p> <p>Aguardando</p>  <p class="statview"><a href="#" title="view">ver</a></p>
                            </li>
                            <li>
                            	<p class="statcount">17</p> <p>Iniciados</p>  
                           	  <p class="statview"><a href="#" title="view">ver</a></p>
                            </li>
                            <li>
                            	<p class="statcount">05</p> <p>Atrasados</p>  <p class="statview"><a href="#" title="view">ver</a></p>
                            </li>
                            <li>
                            	<p class="statcount">10</p> <p>Concluidos</p>  <p class="statview"><a href="#" title="view">ver</a></p>
                            </li>
                        </ul>
                        
                          <p><strong> % Acompanhamento do Projeto</strong></p>
                        
                        <table>
                            <tr>
                                <td width="150"><strong><span class="usagetxt redtxt">Atrasadas</span></strong></td>
                                <td width="500">
                                    <div class="usagebox">
                                        <div class="highbar" style="width: 85%;"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td><strong><span class="usagetxt orangetxt">Iniciadas</span></strong></td>
                                <td>
                                    <div class="usagebox">
                                        <div class="midbar" style="width: 50%;"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td><strong><span class="usagetxt greentxt">Concluidas</span></strong></td>
                                <td>
                                    <div class="usagebox">
                                        <div class="lowbar" style="width: 25%;"></div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                	</div>
                </div>
<!-- status end -->  
               
                <!-- clear --> <div style="clear: both"></div>

<?php
include "rodape.php";

?>